<template>
  <div class="login">
    <loginPanel />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import loginPanel from "./cpns/login-panel.vue";
export default defineComponent({
  components: {
    loginPanel
  },
  setup() {
    return {};
  }
});
</script>

<style scoped lang="less">
.login {
  height: 100%;
  background-image: url("../../assets/img/bg-login.png");
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: end;
  align-items: center;
  /deep/ .el-tabs--border-card {
    background: none;
    border: 1px solid var(--el-border-color);
  }
}
</style>
